<%-- 
    Document   : Productdetail.jsp
    Created on : Nov 2, 2012, 11:41:21 AM
    Author     : Antv60287
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Product Detail</title>
    <script src="scrip/jquery-1.4.4.min.js" type="text/javascript"></script>
    <link href="Style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <script type="text/javascript">
        $(function () {
            $('a').click(function () {
                $('a.active').removeClass('active'); // remove the class from the currently selected
                $(this).addClass('active'); // add the class to the newly clicked link
            });
        });
    </script>
    <div id="Wrapper">
        <div id="Header">
            <div id="Hd-Top">
                <div class="Logo">
                </div><!--End Logo-->
                <div id="Hd-Top-Right">
                    <div id="shoping-cart">
                        <p><strong>Shopping Cart:</strong> Now in your cart <strong>0 Items</strong></p>
                    </div><!--End shopping-cart-->
                    <div id="Login-form">
                        <form>
                            <input id="Txt-Username" type="text" placeholder="Tài khoản"/>
                            <input id="Txt-Password" type="password" placeholder="Mật khẩu"/>
                            <input class="btn-Login" type="submit" value="Login"/>
                        </form>
                        <a class="ForgotPw" href="">Quên mật khẩu?</a>
                        <p>|</p>
                        <a class="LinkRegister" href="">Đăng ký?</a>
                </div><!--End Login-form-->
                </div><!--End Hd-Top-Right-->
            </div><!--End Hd-Top-->
            <div id="Hd-Menu">
                <ul class="Menu">
                    <li><a>Trang chủ</a>|</li>
                    <li><a>Sản phẩm mới</a>|</li>
                    <li><a>Sản phẩm đặc biệt</a>|</li>
                    <li><a>Hướng dẫn mua hàng</a>|</li>
                    <li><a>Liên hệ</a></li>
                </ul>
                <div id="Search">
                    <p>Search:</p>
                    <form>
                        <input id="keyword" type="text" placeholder="Nhập từ khóa để tìm kiếm" />
                        <input id="btnsearch" type="submit" value="" />
                    </form>
                </div><!--End Search-->
            </div><!--End Hd-Menu-->
            <div id="Hd-Bottom">
                <div class="box-image1">
                </div><!--End box-image-->
                <div class="box-image2">
                </div><!--End box-image-->
                <div class="box-image3">
                </div><!--End box-image-->
            </div><!--End Hd-Bottom-->
        </div><!--End Header-->
        <div id="Body">
            <div id="Category">
                <p>Danh mục sản phẩm</p>
                <ul class="ct-list">
                    <li><a class="active">Hoa Cưới</a></li>
                    <li><a>Hoa Sinh Nhật</a></li>
                    <li><a>Hoa Khai Trương</a></li>
                    <li><a>Hoa Tang Lễ</a></li>
                    <li><a>Hoa Tươi Cầm Tay</a></li>
                    <li><a>Hoa Tươi Valentine</a></li>
                </ul>
            </div><!--End Catergory-->
            <div id="list-product">
                <div class="product-detail">
                    <div class="product-img">
                    	<img src="images/img4.jpg"/>
                    </div><!--End product-img-->
                    <div class="content-product">
                        <div class="name-product-detail">
                            <p>Hoa hồng xinh</p>
                        </div><!--End name-product-->
                      <div class="desciption">
                            <p>Hoa hồng tượng trưng cho sự lãng mạn , mãnh liệt trong tình yêu</p>
                        </div><!--End description-->                        
                        <div class="price-detail">
                        	<p>Giá : 200,000</p>
</div><!--End price-->
                      <div class="quantity">
                            <p>Số lượng : </p><input type="text"/>
                        </div><!--End quantity-->                      
                      <input class="btn-addcart-detail" type="submit" value="" />
                  </div><!--End content-product-->
                </div><!--product-detail-->
            </div><!--End list-product-->
        </div><!--End Body-->
        <div id="Fotter">
            <p>@FPT-University XML Chicken Group</p>
        </div><!--End Fotter-->
    </div><!--End Wrapper-->
</body>
</html>

